<template>
  <div>
    <WebControl ref="vWebControl" :d="d" />
    <div :class="$style.mask" />
  </div>
</template>

<script>
import WebControl from '@/view/v/Controls/WebControl.vue'
export default {
  components: {
    WebControl
  },
  props: {
    d: {
      type: Object,
      default: null
    }
  },
  methods: {
    onSizeChange () {
      this.$refs.vWebControl.$el.contentWindow.postMessage('SizeChange', '*')
    }
  }
}
</script>

<style module>
.mask {
  position:absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
</style>
